@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-06-13 13:53:33
 * @version $1$
 */

 body,div,ul,li,p,table,tbody,tr,th,td{
    margin: 0px;
    padding: 0px;
 }
 .article-bg{
    padding:10px;
    margin:30px 0px;
    border:2px solid #fff;
    border-radius:5px;
 }
 .article-navbar{
  margin-bottom:10px;
  padding:0px 15px;
 }
 .article-list{
    padding:15px 10px;
    border-top:2px solid #00CCCC;
    min-height:500px;
 }
 .article{
  border-bottom:1px dashed #ccc;
 }
 .article>a{
  display:block;
  text-decoration:none;
  color:#333;
  border:none;
 }
.article>a:hover{
   cursor:pointer;
   text-decoration:none;
}
.article-header>h3{
  color:#00CCCC;
  font-size:20px;
}
.article-body{
  max-height:800px;
  min-height:80px;
  text-indent: 2em;
  word-wrap:break-word;
  overflow:hidden;
  text-overflow:ellipsis;
}
.head-img{
  width: 30px;
  height: 50px;
  background-color: #00CCCC;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.label-default{
	margin-left:10px;
	font-size:14px;
	background-color:#00CCCC;
}
.media-btn{
  margin-left: 10px;
  cursor: pointer;
}
.onther-comment{
  margin-left: 5px;
  background-color: #ccc;
  border:1px solid #fff;
  padding: 5px;
}
.onther-comment>h4{
  font-size: 14px;
  color: #00cccc;
}
.comment-from-sm{
	margin-top:10px;
}
.label-name{
  color:#00cccc;
  padding-right:5px;
}
.label-date{
  color:#666666;
  padding:0px 5px;
}
.media-heading{
	font-size:14px;
}
.media-body>p{
	font-size:16px;
	background-color:#EEEEEE;
}